<script setup lang="ts">

import { useRouter } from 'vue-router';

const router = useRouter();

const onClickLeft = () => router.back();
</script>

<template>
    <div style="background-color: rgb(243, 242, 247); width: 100%; height: 100vh;">
        <van-nav-bar title="我的二维码" left-text="返回" left-arrow @click-left="onClickLeft" style="background-color: rgb(243, 242, 247)" />
        <div class="w-4/5 h-3/5 m-auto bg-white rounded-lg" style="margin-top: 90px;">
            <div class="pt-8 pl-6">
                <img class="w-20 h-20 rounded-full border-white border-4 float-left" src="/1.jpg" alt="" />
                <span style="line-height: 130px;margin-left: 10px;  color: rgb(163, 163, 163);">QQ: 2436345320</span>
                
            </div>
            <img src="/二维码.png" class="w-4/5 h-3.5/5 m-auto" alt=/>
            <p class="text-center mt-10">扫一扫加我好友</p>
        </div>
        <img src="/分享.png" class="mt-10" />
    </div>
</template>

<style scoped></style>